﻿/* gallery grid */
.gallery_grid { margin-left: -5px; overflow: hidden; }
.gallery_grid ul { list-style: none; margin: 0; position: relative; }
.gallery_grid ul li { background-color: #fff; display: none; border: 1px solid #ddd; z-index: 20; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.gallery_grid ul li>a, .gallery_grid ul li>a img { display: block }
.gallery_grid ul li>a { position: relative }
.gallery_grid ul li>a img { width: 100% }
.gallery_grid ul li>a .zoomOverlay { width: 100%; height: 100%; background: rgba(0,0,0,.4) url(../../Images/Magnifying-Glass.png) no-repeat center center; position: absolute; left: 0; top: 0; opacity: 0; display: block; }
.gallery_grid ul li>a .videoOverlay { width: 100%; height: 100%; background: rgba(0,0,0,.4) url(../../Images/Play-Glass.png) no-repeat center center; position: absolute; left: 0; top: 0; opacity: 0; display: block; }
.gallery_grid ul li>a:hover .zoomOverlay { opacity: .9 }
.gallery_grid ul li>a:hover .videoOverlay { opacity: .9 }
.gallery_grid .img_holder { position: relative; display: block; }
.gallery_grid .checkImage { width: 31px; height: 31px; position: absolute; top: -4px; right: -4px; background: url(../../Images/img_check.png) no-repeat 0 0; cursor: pointer; }
.gallery_grid .img_actions a { display: inline-block; margin-right: 5px; opacity: .6; }
.gallery_grid .img_actions a:hover { opacity: 1 }
.gallery_grid li.checked_item .checkImage { background: url(../../Images/img_check.png) no-repeat 0 -31px }
.gallery_grid ul li.checked_item { border: 1px solid #4ec143 }
.gallery_grid li.inactive { opacity: 0; z-index: 10; }
.gallery_grid ul li>a .zoomOverlay, .gallery_grid ul li, .w-box-header .dropdown-toggle { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.gallery_grid ul li>a .videoOverlay, .gallery_grid ul li, .w-box-header .dropdown-toggle { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    
/* grid items */
.grid_items ul li { width: 120px; padding: 4px; }
.grid_items ul li:hover { background: #ececec }
.grid_items ul li + li { margin-left: -1px }
.grid_items ul li p { padding: 6px 4px 0; font-size: 11px; margin: 0; line-height: 14px; }
